<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Web 前端接入示例</title>
		<!-- 验证码程序依赖(必须)。请勿修改以下程序依赖，如使用本地缓存，或通过其他手段规避加载，会影响程序的正常使用。 -->

		<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
	</head>
	<body>
		<span id="TencentCaptcha" data-appid="2066131835" data-cbfn="callbackName"
			data-biz-state="data-biz-state"></span>
		<input type="hidden" datatype="*" sucmsg="" nullmsg="请拖动滑块完成拼图" id="ticket{$business_id}" name="ticket"
			value="">
		<div id="T{$business_id}" style="width:{$width}px;height:{$height}px;"></div>
	</body>
	<script>
	// 回调函数需要放在全局对象window下
window.callbackName = function (res) {
// 返回结果
// ret Int 验证结果，0:验证成功。2:用户主动关闭验证码。
// ticket String 验证成功的票据，当且仅当 ret = 0 时 ticket 有值。 // CaptchaAppId String 验证码应用ID。
// bizState Any 自定义透传参数。
// randstr String 本次验证的随机串，请求后台接口时需带上。 console.log('callback:', res);
// res(用户主动关闭验证码)= {ret: 2, ticket: null}
// res(验证成功) = {ret: 0, ticket: "String", randstr: "String"}
	if (res.ret === 0) {
// 获取票据、随机数并调用App端注入的方法传入票据、随机数，进行后台票据校验
	var result = { randstr:res.randstr, ticket:res.ticket };
	window.jsBridge.getData(JSON.stringify(result));
	}
}
	</script>
</html>
